<%@page import="java.util.Vector"%>
<%@page import="svn_photo.photoVo"%>
<%@page import="svn_photo.Photo"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>photoInsert.jsp</title>
<script>



</script>
<style>

/*--------------------------스타일 적용----------------------------------*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body {
	font-family: 'Nanum Gothic', sans-serif;
}
#holl{
	width:1000px;
	hegiht:600px;
	margin:0 auto;
	padding-bottom: 50px;
}



#sub_title{
		font-family: 'Nanum Gothic', sans-serif;
	font-size:28px;
	font-style:#ffffff;
	background-color:#0fce84;
	position: relative;
	width: 70%;
	height: 30px;
	margin-top: 50px;
	margin-bottom:10px;
	padding-top: 10px;
	color:#ffffff;
	padding-bottom: 10px;


}

#Glr{
	font-family: 'Nanum Gothic', sans-serif;
	width:70%;
	text-align: center;
}

#Gleft{
	font-family: 'Nanum Gothic', sans-serif;
	height:100%;
	width:20%;
	margin-top:10px;
	border:1px solid #BDBDBD;
	float: left;
}

#left{
		font-family: 'Nanum Gothic', sans-serif;
	padding-top:10px;
	border:1px solid #BDBDBD;
	width:100%;
	height: 30px;
	text-align: center;
	font-size: 20px;

}

#Gright{
	font-family: 'Nanum Gothic', sans-serif;
	height:100%px;
	width:79%;
	text-align:'left';
	margin-top:10px;
	border:1px solid #BDBDBD;
	float: left;
	margin-left: 0px;
}
.right,.rightdate{
	font-family: 'Nanum Gothic', sans-serif;
	padding-top:10px;
 	border:1px solid #BDBDBD;
	width:100%;
	height: 30px;
	text-align: center;
	display: inline-block;
}
.rightdate input{
	font-family: 'Nanum Gothic', sans-serif;
	width:250px;
	height: 35px;
	margin-top:-10px;
	margin-left: 0px;
	display: inline-block;
	border:1px solid #aabbcc;
	padding-top:1px;

}
.right select{
	font-family: 'Nanum Gothic', sans-serif;
text-align: left;
}

.right input{
	font-family: 'Nanum Gothic', sans-serif;
	width:99%;
	height:34px;
	margin-top:-10px;
	margin-left:0px;
}
#gisu{
	font-family: 'Nanum Gothic', sans-serif;
	width:50%;
	height:36px;
	margin-top:-10px;
	padding-left:0px;
	
}

#Gleft,#Gright{
	font-family: 'Nanum Gothic', sans-serif;
	display: inline-block;
}

.rightdetail{
	font-family: 'Nanum Gothic', sans-serif;
	border:1px solid #BDBDBD;
	width:100%;
	height: 200px;
	display: inline-block;
}

#leftdetail{
	width:100%;
	height: 200px;
	border:1px solid #BDBDBD;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 20px;
}

#Gbtn{
	font-family: 'Nanum Gothic', sans-serif;
	margin-top:10px;
	display: inline-block;

}
#ft{
	font-family: 'Nanum Gothic', sans-serif;
	display:inline-block;
	margin: 10px;
}
#rightd{
	font-family: 'Nanum Gothic', sans-serif;
	width:98.7%;
	height:97%;
	padding-top:0px;
	resize:none;
}

</style>

<script src='photo_sc.js'></script>

</head>

<body>
<% 
//아이디 정보 가져오는 것(로그인 확인하는 것)
String sessionID=(String)session.getAttribute("mid");
if(sessionID==null){
	sessionID="NotUser";
}
%>
<jsp:useBean id="photoVo" class="svn_photo.photoVo"/>
<jsp:setProperty property="*" name="photoVo"/>



<form name="frm_insert_save" method="POST" action="" enctype='multipart/form-data'>

<div id='holl' align="center">

	<div id='sub_title' align="center" >
	포트폴리오 작성란
	</div>
	
	<div id='Glr' align='center'>
	<div id='Gleft'>
		<div id='left'>작성자</div>
		<div id='left'>기수</div>
		<div id='left'>암호</div>
		<div id='left'>프로젝트명</div>
		<div id='left'>참여기간</div>
		<div id='left'>참여자</div>		
		<div id='left'>요약</div>
		<div id='left'>사용프로그램</div>
		<div id='left'>작업환경</div>
		<div id='left'>문서파일</div>
		<div id='leftdetail'>상세내용</div>
	</div>



	<div id='Gright'>
		<div class='right'><input type="text" name="mid" value='<%=sessionID%>' readonly></div>
		<div class='right' align="left">
			<select name='gisu' id="gisu" size="1">  
			<option value="선택">--선택하시오--
			<% Photo p=new Photo();
				p.setVo(photoVo);
				Vector<photoVo> vp=p.cmbGisu();
				
			%>
			<% for(int i=0; i<vp.size();i++){
				photoVo v=vp.get(i);
			%>
			<option value="<%=v.getGisu()%>"> <%=v.getGisu()%>
			<%}%>
			</select></div>
		<div class='right'><input type="password" name="pwd"></div>
		<div class='right'><input type="text" name="project"></div>
		<div class='rightdate'><input type="date" name="gdate"> ~ <input type="date" name="jdate"></div>
		<div class='right'><input type="text" name="party"></div>
		<div class='right'><input type="text" name="summary"></div>
		<div class='right'><input type="text" name="usedpro"></div>
		<div class='right'><input type="text" name="workspace"></div>
		<div class='right'><input type="file" name="filename"></div>
		<div class='rightdetail'><textarea id='rightd' name="content" rows="7" cols='64' ></textarea></div>		
	</div>
	
		<div style="width: 100%; height: 10px; display: inline-block;" align="center"></div>
		<input type="button" value='작성 완료' id='btSave'>   
		<input type='button' value='목록' id='btList'>		
	</div>
		<div id='ft' style="width: 100%; height: 20px; display: inline-block;" align="center"></div>
</div>
</form>
 
<script> init();</script>



























<!--  

<div id=''>
	<div id=''></div><p/>
	
	<div id=''>
		<div id=''>작성자	</div>
		<div id='con'>
			<INPUT TYPE="text" NAME="mid">
		</div>
	</div>
	<div id=''>
		<div id=''>기수	</div>	
		<div id=''>
			<select name='gisu' id="gisu" size="1">  
			<option value="선택">--선택하시오--
			<% for(int i=0; i<vp.size();i++){
				photoVo v=vp.get(i);
			%>
			<option value="<%=v.getGisu()%>"> <%=v.getGisu()%>
			<%}%>
			</select> 		
		</div> 
	</div>	
	<div id='line'>
		<div id='left'>암호</div>
		<div id='con'>
			<INPUT TYPE="password" NAME="pwd">
		</div>
	</div>
	<div id='line'>
		<div id='left'>프로젝트명</div>
		<div id='con'>
			<INPUT TYPE="text" name="project">			
		</div>
	</div>
	<div id='line'>
		<div id='left'>참여기간</div>
		<div id='con'>
			<INPUT TYPE="date" name="gdate">~
			<INPUT TYPE="date" name="jdate">
		</div>
	</div>	
	
	<div id='line'>
		<div id='left'>요약</div>
		<div id='con'>
			<INPUT TYPE="text" name="summary">
		</div>
	</div>	
	<div id='line'>
		<div id='left'>참여자</div>
		<div id='con'>
			<INPUT TYPE="text" name="party">
		</div>
	</div>
	<div id='line'>
		<div id='left'>사용프로그램</div>
		<div id='con'>
			<INPUT TYPE="text" name="usedpro">
		</div>
	</div>
	<div id='line'>
		<div id='left'>작업환경</div>
		<div id='con'>
			<INPUT TYPE="text" name="workspace">
		</div>
	</div>	
	<div id='myin'>
		<div id='myinleft'><br/><br/><br/><br/><br/>상세내용</div>
		<div id='myincon'>
			<TEXTAREA name="content" ROWS="12" COLS="89" style="resize:none;"></TEXTAREA>
		</div>
	</div>
		<div id='line'>
		<div id='left'>문서파일</div>
		<div id='con'>
			<INPUT TYPE="file" name="filename">
		</div>
</div>

</div>
		<input type="button" value='작성 완료' id='btSave'>   
		<input type='button' value='목록' id='btList'>		

</form>

		

<script> init();</script>

-->
</body>
</html>